html { font-family: Helvetica, Tahoma, Arial; font-size: 12px; color: #666666; }
body { margin: 0; background: url(../images/bg1.png) repeat-x #F4F4F4; }
body.home { background: url(../images/bg-header.png) repeat-x #F4F4F4; }
h1 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 36px; line-height: 40px; margin: 0 0 5px 0; font-weight: normal; color: #8B4D00; clear: left; }
h2 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 32px; line-height: 40px; margin: 0 0 5px 0; font-weight: normal; color: #8B4D00; }
h3 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 20px; font-weight: normal; color: #8B4D00; margin: 30px 0 10px; }
h4 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 15px; }
h5 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; }
h6 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 15px; margin-top: 7px; }
h6 a { color: #0072AE; }
a { text-decoration: none; color: #3AA0D5; outline: none; }
a:hover { text-decoration: underline; }
hr { height: 1px; border: 0; background: white; color: white; }
ul.flat, .flat ul { margin: 0; padding: 0; overflow: hidden; }
ul.flat li, .flat ul li { float: left; list-style-image: none !important; list-style-type: none; }
.row { clear: both; }
.row .last { margin-right: 0 !important; }
.left { float: left; }
.right { float: right; }
img.left, div.left { margin: 0 10px 5px 0; }
img.right, div.right { margin: 0 0 5px 10px; }
.thumb ul, ul.thumb { margin: 10px 0 !important; }
.thumb li { margin: 5px; background: url(../images/bg-thumb.png) no-repeat; width: 75px; height: 75px; padding: 4px; }
.thumb li a { display: block; outline: none; width: 75px; height: 75px; overflow: hidden; }
.thumb img { line-height: 14px; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border: 0 !important; padding: 0 !important; }
.small-thumb ul, ul.small-thumb { margin: -6px; }
.small-thumb li { margin: 6px; }
.listings { clear: both; margin: 0; }
.listings img { border: 0 !important; padding: 0 !important; }
.listings { margin: 0 !important; }
.listings li { list-style-image: none !important; list-style-type: none; padding: 0; margin: 5px 0; overflow: hidden; }
.listings em { display: block; }
.listings .thumb { margin: 5px 10px 5px 0; background: url(../images/bg-thumb.png) no-repeat; width: 75px; height: 75px; padding: 4px; float: left; }
.listings .thumb a { display: block; outline: none; width: 75px; height: 75px; overflow: hidden; }
.small-thumb { margin: 5px; background: url(../images/bg-thumb-sm.png) no-repeat; width: 64px; height: 64px; padding: 4px; float: left; margin-right: 10px; }
.small-thumb a { display: block; outline: none; width: 64px; height: 64px; overflow: hidden; }
.listings h3 { margin: 5px 0; }
.listings .blogVitals { margin-bottom: 20px; }
.button { background: url(../images/button.png) no-repeat; height: 28px; line-height: 28px; width: 100px; }
.button span { background: url(../images/button.png) no-repeat right; height: 28px; padding-right: 30px; display: block; position: relative; right: -30px; }
.button.right { position: relative; right: 30px; width: auto; }
.button.left { width: auto; }
.button.center { margin: 0 auto; }
.button a { text-decoration: none; }
#tooltip { height: 47px; position: absolute; padding-right: 9px; }
#tooltip p { line-height: 39px; height: 47px; background: url(../images/tooltip.png) top left no-repeat; color: white; padding: 0 9px 0 18px; max-width: 300px; overflow: hidden; }
#tooltip span { background: url(../images/tooltip-right.png) top right no-repeat; height: 47px; width: 9px; position: absolute; top: 0; right: 0; display: block; }
h4.date { border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 5px 0; margin: 0 0 10px 0; }
.clear { clear: both; }
.clickable { cursor: pointer; }
#content .list { margin: 0; padding: 0; }
#content .list>li { margin: 0; padding: 0; list-style: none; }
#content .list.column { width: 250px; float: left; }
#container { width: 990px; margin: 0 auto; position: relative; }
#header, #content, #footer { padding: 0; }
#header { height: 85px; position: relative; color: #363636; }
#header h5 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 36px; line-height: 40px; margin: 0 0 5px 0; font-weight: normal; color: #8B4D00; }
body.home #header { height: 431px; }
#logo { margin: 0; position: absolute; top: 26px; left: 0px; }
#slideshow { position: absolute; left: 0; top: 75px; }
#slideshow .wrap { position: absolute; left: 4px; top: 23px; width: 550px; height: 290px; overflow: hidden; }
#slideshow .wrap img { position: relative; top: -5px; left: -100px; }
#slideshow .overlay { position: absolute; left: -20px; top: 0; background: url(../images/bg-slideshow.png) no-repeat; width: 588px; height: 352px; z-index: 100; }
#introduction { position: absolute; top: 120px; right: 0; width: 400px; overflow: hidden; }
#introduction * { margin: 0; }
#introduction img.center { margin: 0 auto; }
#introduction p { font-size: 14px; color: #363636; line-height: 26px; }
#nav-top { position: absolute; top: 25px; right: 0; }
#nav-top li { margin-left: 26px; margin-right: 10px; }
#nav-top a { color: #FFDFB8; font-size: 15px; }
#nav { position: absolute; bottom: -484px; left: 173px; z-index: 20; background: url(../images/bg-copyright.png); height: 14px; line-height: 14px; padding: 2px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#nav a { color: #8B4D00; margin: 0 7px; display: block; }
#nav-primary { height: 54px; overflow: hidden; border-bottom: 0; width: 990px; }
/*#nav-primary.has-children, #nav-primary.has-children-hover { border-bottom: 1px solid #AFAFAF; overflow: visible; }*/
#nav-primary { border-bottom: 1px solid #AFAFAF; overflow: visible; }
/*#nav-primary.no-children { border-bottom: 0; overflow: hidden; }*/
#nav-primary ul { background: url(../images/bg-menu.jpg) no-repeat; float: left; }
#nav-primary ul li { background: url(../images/bg-menu-off.png) repeat-x; position: relative; height: 54px; overflow: hidden; }
#nav-primary.hover ul li.on { background: url(../images/bg-menu-off.png) repeat-x; }
/*#nav-primary.has-children ul li, #nav-primary.has-children-hover ul li { height: 55px; }*/
#nav-primary ul li { height: 55px; }
#nav-primary ul li.on { background: none; }
#nav-primary ul li:hover, #nav-primary ul li.hover, #nav-primary.hover ul li.hover { background: none; }
#nav-primary ul li span { height: 55px; display: block; position: absolute; top: 0; }
#nav-primary ul li span.l { width: 4px; background: url(../images/bg-menu-corners.png) no-repeat top right; left: 0; }
#nav-primary ul li span.r { width: 5px; background: url(../images/bg-menu-corners.png) no-repeat top left; right: 0; }
#nav-primary ul li em { white-space: nowrap; display: block; }
#nav-primary ul li a { white-space: nowrap; height: 47px; display: block; padding: 8px 12px 0; color: white; font-size: 16px; outline: none; }
#nav-primary ul li a:hover { text-decoration: none; }
#nav-primary ul li em { color: #6ACCFF; font-size: 11px; font-style: normal; }
#nav-primary ul li.on em { color: #F3BB75; }
#nav-secondary { height: 29px; background: url(../images/bg-menu.jpg) no-repeat bottom left; clear: left; visibility: visible; }
#nav-secondary.has-children, #nav-secondary.has-children-hover { visibility: visible; }
/*#nav-secondary.no-children { visibility: hidden; }*/
#nav-secondary ul { }
#nav-secondary ul li { line-height: 27px; }
#nav-secondary ul li a { color: white; margin: 0 30px 0 10px; font-size: 12px; }
#nav-secondary p { line-height: 27px; color: white; font-size: 12px; margin: 0 30px 0 10px; }
#content { min-height: 384px; margin: 0; padding: 0 0 20px 0; position: relative; color: #666666; font-size: 13px; line-height: 21px; }
#content ul, #footer ul { margin-left: 2.5em }
#content ul li, #footer ul li { list-style-image: url(../images/li.png); line-height: 24px; }
#left { width: 566px; float: left; padding-top: 20px; position: relative; }
#breadcrumbs { margin-bottom: 15px; padding: 1px 12px 2px; background: url(../images/breadcrumb-gradient.gif) repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #65B8E3; }
#breadcrumbs a { color: #666; text-decoration: underline; }
#main div.img, #main img { padding: 3px; background: white; border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; position: relative; }
#main div.img img { padding: 0; border: 0; margin: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#main div.img p { margin: 0; padding: 5px 8px; display: none; position: absolute; bottom: 3px; left: 3px; width: 542px; background: url(../images/black50.png); color: white; }
/*#main .banner { clear: both; overflow: hidden; padding: 15px 0 10px; background: white; border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 25px; }*/
#left .banner { clear: both; overflow: hidden; position: relative; left: -10px; padding: 20px 0 40px; }
#left .banner ul, #main .banner li { margin: 0; padding: 0; list-style: none; }
#left .banner li { margin: 0 15px; width: 250px; float: left; }
#media { width: 566px; padding: 6px 0 0; position: relative; background: url(../images/media-box.png) no-repeat top left; }
#media .wrap { background: url(../images/media-box.png) no-repeat bottom left; padding: 0 4px 4px 4px; height: 372px; }
#media h1 { position: absolute; bottom: 12px; width: 565px; text-align: center; z-index: 11; visibility: visible; color: #4B6472; font-size: 22px; font-weight: normal; font-family: Verdana, sans-serif; }
#media canvas { background: #E8E8E8; }
#media .container { position: relative; overflow: hidden; height: 100%; }
#media .loading { position: absolute; top: 0; left: 0; z-index: 12; width: 557px; height: 100%; background: url(../images/loading.gif) no-repeat 50% 50% #E8E8E8; }
#media .photo, #media .reflected { width: 557px; display: block; }
#media .photo img { width: 557px; }
#media .photo canvas { width: 558px !important; }
#media .content { padding-top: 20px; background: #F4F4F4; }
#media .controls { margin: 0; }
#media .by { margin: 0; text-align: center; }
#media .description { clear: both; margin-top: 17px; }
#back { position: absolute; right: 15px; top: 30px; z-index: 15; }
#column { width: 401px; float: left; padding-top: 20px; margin-left: 23px; }
#panel { background: url(../images/bg-paper.jpg) repeat-y; margin-bottom: 20px; }
#panel .tabs { height: 40px; padding-left: 10px; margin: 0; }
#panel .tabs li { margin: 10px 0 0 1px; }
#panel .tabs li a { display: block; padding-left: 20px; line-height: 29px; background: url(../images/bg-tab-off.png) no-repeat top left; }
#panel .tabs li a span { display: block; padding-right: 20px; background: url(../images/bg-tab-off.png) no-repeat top right white; }
#panel .tabs li a.on { background: url(../images/bg-tab-on.png) no-repeat top left; }
#panel .tabs li a.on span { background: url(../images/bg-tab-on.png) no-repeat top right white; }
#panel .content { padding: 0 12px 28px; background: url(../images/bg-paper-bottom.png) bottom no-repeat; min-height: 320px; }
#panel .content h3 { display: none; }
/* or set a height */
#panel .content div { overflow: hidden; }
a.Video img { margin: -13px 0 0 -10px; }
#related { margin: 10px auto 0; background: #fff; border: 1px solid #DDD; text-align: center; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 365px; padding-top: 18px; }
#related p { margin: 0; clear: both; }
#related a { display: block; }
#related ul, #related li { margin: 0; padding: 0; list-style: none; list-style-image: none !important; }
#related ul li { float: left; margin-right: 5px; }
#related ul li.last { margin-right: 0; }
#column .column { width: 195px; float: left; background: url(../images/bg-column.png); margin-right: 10px; margin-bottom: 10px; }
#column .column .bottom { background: url(../images/bg-column.png) center bottom no-repeat; height: 7px; }
#column .column h5 { color: white; font-size: 15px; text-align: center; font-weight: normal; padding-top: 7px; }
#column .column p { padding: 8px 13px; }
#column .wide { margin-right: 0; width: 401px; background: url(../images/bg-column-wide.png); }
#column .wide .bottom { background: url(../images/bg-column-wide.png) center bottom no-repeat; height: 7px; }
#footer { position: relative; height: 492px; background: #663800; clear: both; font-size: 12px; line-height: 18px; border-top: 1px solid white; }
#footer h3 { clear: both; }
body.loaded #footer { background: url(../images/bg-footer2.jpg) repeat-x center; }
#footer .wrap { width: 990px; margin: 0 auto; position: relative; }
.postit { width: 330px; height: 346px; padding: 20px 19px 20px 35px; float: left; background: url(../images/postit.png) no-repeat; margin: 20px 0 0 0; position: relative; left: -26px; }
.postit .pin1 { position: absolute; top: -15px; left: 20px; }
.postit .pin2 { position: absolute; top: -15px; right: 20px; }
#more-stuff { width: 200px; float: left; margin: 25px 0 0 -10px; }
#more-stuff * { color: white; }
.ratsandmice { position: absolute; bottom: 25px; text-align: center; font-weight: bold; background: url(../images/bg-copyright.png); height: 20px; line-height: 20px; left: 50%; margin-left: -260px; color: #8B4D00; padding: 2px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.ratsandmice a { color: #8B4D00; }
#events .utility { display: none; }
.mceEditor { clear: both; display: block; }
/* FORMS */
#content form { background: #E4EEF2; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; overflow: hidden; clear: both; }
#content .nullable input[type=checkbox], .nullable input.checkbox, .nullable span { display: none; }
#content .middleColumn { clear: left; }
#content label { font-size: 14px; }
#content input[type=text], #content input.text, #content textarea { border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: white; padding: 5px; width: 400px; margin-right: 20px; }
#content .field { overflow: hidden; margin-bottom: 8px; }
#content #StartTime { clear: left; }
#content .date input, #content .time input { width: 100px; margin: 0; float: left; }
#content .date .middleColumn, #content .time .middleColumn { width: 170px; position: relative; }
#content .date img, #content .time div.ui-corner-all { float: left; margin: 6px 0 0 6px; }
#content .time .ui-timepickr { top: 30px; }
#content .time .ui-corner-all { width: 17px; height: 17px; }
#content .Actions { overflow: hidden; margin-top: 10px; }
#content .Actions input { background: #0F91B5; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 15px; margin-bottom: 10px; color: white; }
#content .checkbox input { float: left; }
#content .checkbox .right { float: left; line-height: 16px; margin-left: 10px; }
/* MESSAGEBOXS */
.message { margin: 15px 0; padding: 5px; color: #979908; border: 4px solid #F7F8B4; background: #FFFFEA; }
span.middleColumn .message { margin: 4px 0 0 3px; }
.required { margin: 4px 0 0 3px; padding: 5px; width: 92%; color: #DC1313; border: 4px solid #FF7373; background: #FED0D0; }
/* Products */
#Dummy { display: none; }
.geo { display: none; }
#ProductColumn { width: 186px; float: right; overflow: hidden; margin: 8px 0 0 10px; }
#ProductColumn ul { max-height: 176px; overflow: hidden; }
#ProductColumn li { margin: 0 10px 10px 0; }
address { margin: 10px 0; }
#contact { clear: both; }
.DataObjectManager .Pagination { width: 215px; }
.DataObjectManager .per-page-control { width: 200px; }
.DataObjectManager .fieldgroupField { float: left; margin-left: 10px; }
.DataObjectManager a:hover { border: 0 !important; }
.authorDate { margin: 0 0 5px; }
.like { position: relative; top: 4px; left: 2px; }
.pagination { overflow: hidden; line-height: 16px; }
.pagination ul { margin: 0 !important; padding: 0; overflow: hidden; }
.pagination ul li { margin: 0; padding: 0; font-size: 11px; list-style: none !important; float: left; }
.pagination ul a { border: solid 1px #DDDDDD; margin-right: 2px; }
.pagination ul .previous-off,
.pagination ul .next-off { color: #666666; display: block; float: left; font-weight: bold; padding: 3px 4px; }
.pagination ul .next a,
.pagination ul .previous a { font-weight: bold; }
.pagination ul .active { font-weight: bold; display: block; float: left; padding: 4px 6px; }
.pagination ul a:link,
.pagination ul a:visited { display: block; float: left; padding: 3px 6px; text-decoration: none; }
.pagination ul a:hover { border: solid 1px #666666; }
#editable { width: 100px; height: 27px; position: absolute; top: 5px; left: 206px; background: #282828; }
#editable iframe { border: 0; width: 100%; height: 100%; }