body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #bbb7ab;
	font-family: Arial;
	font-size: 11px;
	color: #7f7f7f;
}

/*global*/
a {text-decoration: none; color: #595858;}
a:hover {text-decoration: none; color: #a6ce39;}
img {border: 1px solid #dadada;}
hr {height: 1px; border: 0; color: #ececec; background-color: #ececec; border-color: #ececec; margin: 10px 0;}
div.hr {height: 1px; background-color: #e6e6e6; margin: 10px 0; overflow: hidden;}
.grey {color: #838383 !important;}
.blue {color: #4581db !important;}
.white {color: #ffffff !important;}
.red {color: #d12200 !important;}
.bold {font-weight: bold !important;}
.green {color: #a6ce39;}
.imgtitle {font-size: 10px; color: #6b6b6b !important; margin-top: 5px !important; line-height: 12px;}
input[type="text"], input[type="password"], input[type="submit"], select, textarea {border: 1px solid #dddddd; background-color: #f2f2f2; font-family: Arial; font-size: 11px;}

/*override*/
.noborder {border: 0px !important;}
.nopadding {padding: 0 !important;}
.nomargin {margin: 0 !important;}
.text-body {font-size: 11px !important; line-height: 15px;}
.text-body a {color: #4581db !important;}
.text-body a:hover {text-decoration: underline;}
.mag-body {font-size: 12px !important; line-height: 18px;}
.mag-body a {color: #4581db !important;}
.mag-body a:hover {text-decoration: underline;}
.mag-body p {margin-top: 0; padding: 0;}
.mag-body table {table-layout: fixed;}
.clear-left {clear: left !important;}
.hidden {display: none !important;}

/*page*/
.page {width: 1000px;}

.page-header {width: 100%; height: 152px;}
.page-header-top {width: 1000px; height: 30px; background: #ffffff;}
.page-header-top div {float: left;}
.page-header-top-left {width: 18px; height: 30px; background: url('./images/shadows1.png') no-repeat 0px 0px;}
.page-header-top-middle {width: 964px;}
.page-header-top-right {width: 18px; height: 30px; background: url('./images/shadows1.png') no-repeat -18px 0px;}

.page-header-content {width: 1000px; height: 122px; background: #ffffff; overflow: hidden;}
.page-header-content div {float: left;}
.page-header-content-left {width: 18px; height: 122px; background: url('./images/shadows2.png') repeat-y 0px 0px;}
.page-header-content-middle {width: 964px; background: #ffffff;}
.page-header-content-right {width: 18px; height: 122px; background: url('./images/header-right.png') no-repeat 0px 0px;}
.page-header-content-middle div.logo {float: left; margin: 21px 0 0 23px; width: 162px; height: 83px;}
.page-header-content-middle div.leaf {float: right; top: 0px; right: 0px; width: 204px; height: 122px;}

.page-content {width: 1000px; height: 100%; background: #ffffff; position: relative; display: block; overflow: hidden;}
.page-content > .left, .page-content > .right {width: 18px; height: 100%; position: absolute; top: 0px; background: url('./images/shadows2.png') repeat-y top left;}
.page-content > .left {left: 0px; background-position: 0px 0px;}
.page-content > .right {right: 0px; background-position: -18px 0px;}
.page-content > .content {position: relative; margin: 0px 34px; overflow: hidden;}

.page-content .path {height: 30px; vertical-align: middle; display : table-cell;}

.page-footer {width: 1000px; height: 40px; background: #ffffff;}
.page-footer1 {width: 100%; height: 10px; overflow: hidden;}
.page-footer1 > .left {width: 18px; height: 10px; float: left; background: url('./images/shadows1.png') no-repeat 0px -30px;}
.page-footer1 > .right {width: 18px; height: 10px; float: right; background: url('./images/shadows1.png') no-repeat -18px -30px;}
.page-footer2 {width: 100%; height: 30px; overflow: hidden;}
.page-footer2 > .left {width: 18px; height: 30px; float: left; background: url('./images/shadows1.png') no-repeat 0px -40px;}
.page-footer2 > .left2 {width: 16px; height: 30px; float: left; background: url('./images/shadows1.png') no-repeat 0px -70px;}
.page-footer2 > .middle {width: 932px; height: 30px; float: left; background: url('./images/shadows1.png') repeat-x 0px -100px; color: #ffffff; padding-top: 10px;}
.page-footer2 > .right {width: 18px; height: 30px; float: left; background: url('./images/shadows1.png') no-repeat -18px -40px;}
.page-footer2 > .right2 {width: 16px; height: 30px; float: left; background: url('./images/shadows1.png') no-repeat -16px -70px;}

/*windows
.window {width: 100%; height:100%; background-color: #ffffff; margin: 0 0 15px 0;}
.window-header {width: 100%; position: relative; display: block; background: url('./images/window.png') repeat-x; border-bottom: 1px solid #c7c7c7;}
.window-header .left, .window-header .right {width: 10px; height: 100%; position: absolute; top: 0px; display: block; background: url('./images/window.png') no-repeat top left; overflow: hidden;}
.window-header .content {width: 100%; position: relative; left: 0px; top: 0px;}

.window-header-0 {height: 3px; padding: 0 !important; margin: 0 !important; background-color: #c7c7c7 !important; overflow: hidden;}

.window-header-1 {height: 6px; background-position: 0px -59px; overflow: hidden;}
.window-header-1 .left {left: 0px; background: url('./images/window.png') no-repeat 0px 0px !important;}
.window-header-1 .right {right: 0px; background: url('./images/window.png') no-repeat -10px 0px !important;}

.window-header-2 {height: 25px; background-position: 0px -66px; overflow: hidden;}
.window-header-2 .left {left: 0px; background: url('./images/window.png') no-repeat 0px -7px !important;}
.window-header-2 .right {right: 0px; background: url('./images/window.png') no-repeat -10px -7px !important;}

.window-header-3 {width: 100%; height: 25px; background-position: 0px -92px; overflow: hidden;}
.window-header-3 .left {left: 0px; background: url('./images/window.png') no-repeat 0px -33px !important;}
.window-header-3 .right {right: 0px; background: url('./images/window.png') no-repeat -10px -33px !important;}

.window-body {width: 100%; height: 100%; position: relative; display: block; overflow: hidden;}
.window-body .left, .window-body .right {width: 10px; height: 100%; position: absolute; top: 0px; background: url('./images/window_sides.png') repeat-y top left;}
.window-body .left {left: 0px; background-position: 0px 0px;}
.window-body .right {right: 0px; background-position: -10px 0px;}
.window-body .content {position: relative; padding: 15px;}

.window-footer {width: 100%; height:6px; position: relative; display: block; background: url('./images/window.png') repeat-x; background-position: 0px -125px; overflow: hidden;}
.window-footer .left, .window-footer .right {width: 10px; height: 100%; position: absolute; top: 0px; display: block; background: url('./images/window.png') no-repeat top left; overflow: hidden;}
.window-footer .left {left: 0px; background-position: 0px -118px;}
.window-footer .right {right: 0px; background-position: -10px -118px;}
*/

.column-left {width: 728px; height:100%;}
.column-left td.all {width: 728px;}
.column-left td.left {width: 280px;}
.column-left td.right {width: 432px;}
.column-left td.spacer {width: 16px;}
.column-spacer {width: 22px; height:100%;}
.column-right {width: 188px; height:100%;}
.column-right td {width: 100%;}
.column-right td.spacer {width: 14px; height:22px;}

div.smallhspacer {width: 100%; height:10px; overflow: hidden; display: block;}
div.hspacer {width: 100%; height:16px; overflow: hidden; display: block;}

.floatwrapper {height: 100%; display: block;}

/*buttons*/
.bt-more {width: 40px; height: 10px; display: block; cursor: pointer; background: #ffffff url('./images/buttons.png') no-repeat 0px 0px; overflow: hidden;}
.bt-more:hover {background-position: 0px -10px;}
.bt-back {width: 44px; height: 10px; display: block; float: left; cursor: pointer; background: #ffffff url('./images/buttons.png') no-repeat 0px -20px; overflow: hidden;}
.bt-back:hover {background-position: 0px -30px;}
.bt-print {width: 49px; height: 12px; display: block; float: right; cursor: pointer; background: #ffffff url('./images/buttons.png') no-repeat 0px -40px; overflow: hidden;}
.bt-print:hover {background-position: 0px -52px;}
.bt-page-back {width: 8px; height: 12px; display: block; cursor: pointer; background: #ffffff url('./images/buttons.png') no-repeat 0px -85px; margin: 1px 10px 0 0; overflow: hidden;}
.bt-page-back:hover {background-position: -8px -85px;}
.bt-page-forward {width: 8px; height: 12px; display: block; cursor: pointer; background: #ffffff url('./images/buttons.png') no-repeat -16px -85px; margin: 1px 0 0 10px; overflow: hidden;}
.bt-page-forward:hover {background-position: -24px -85px;}
.bt-carousel-left {width: 14px; height: 39px; display: block; cursor: pointer; background: #ffffff url('./images/buttons.png') no-repeat -44px 0px; overflow: hidden;}
.bt-carousel-right {width: 14px; height: 39px; display: block; cursor: pointer; background: #ffffff url('./images/buttons.png') no-repeat -58px 0px; overflow: hidden;}
.bt-form {height: 21px; background: #0d1728 url('./images/buttons.png') repeat-x 0px -97px; border: 1px solid #0d1728;}
*+html .bt-form {border: 1px transparent solid !important;} 
.bt-form:hover {background-position: 0px -116px;}
.bt-form h1 {font-size: 13px;}

/*headers*/
h1 img, h2 img {border: 0 !important;}
h1, h1 a, h2, h2 a {font-family: NaomiSans, Arial; font-size: 16px; font-weight: normal; line-height: 1.1em; color: #858585; margin: 0; padding: 0; border: none!important}
h1.header, h1.header a, h2.header, h2.header a {font-size: 18px !important; font-weight: bold;}
.window-header h1 {font-family: Arial; font-size: 16px; font-weight: normal; padding: 5px 15px 0 15px; }
.window-header h1 a:hover {color: #4581db;}
h1.light {font-family: Arial;}
h1.heavy {font-family: Arial; font-weight: bold;}
.dateseparator {font-size: 13px; padding: 5px 0;}
.main-menu {padding: 0 0 0 16px; width: 872px}
.main-menu h1 {float: left; font-family: NaomiSansMedium,Arial; padding: 0 20px 0 0;}
.main-menu h1.blue a {color: #4581db !important;}
.second-menu {float: right; font-family: NaomiSansMedium,Arial; padding: 6px 16px 0 0; width: 60px;}

/*forms*/
table.form-body {text-align: left;}
.form-body .form-item {color: #4a494e;}
.form-body .input {width: 50%; margin: 0; padding: 4px 0;}
.form-body .textarea {width: 50%; height: 80px;}
.form-body .select {width: 50%; height: 22px; margin: 0;}
.form-body .checkbox {margin: 0; padding: 0; border: 0; background-color: transparent;}
.form-body .radio {border: 0; background-color: transparent;}

/*pager*/
.pager {font-size: 14px; height: 100%; font-family: Arial; font-weight: bold; line-height: 0.9em; overflow: hidden;}
.pager span {color: #aaaaaa;}

/*template layouts*/
.art-horiz-2 {width: 322px; height: 330px; float: left; vertical-align: top; margin: 0px 20px 27px 0px; display: inline;}
.art-horiz-2 .bt-more {float: left; position: absolute; bottom: 0px}
.art-horiz-2 a.hover {color: #a6ce39; cursor: pointer}
.art-horiz-2 a.hover .bt-more {background-position: 0px -10px;}

.art-horiz-4 {width: 162px; height: 170px; float: left; position: relative; vertical-align: top; margin: 30px 4px 5px 0px; display: inline;}
.art-horiz-4 .bt-more {float: left; position: absolute; bottom: 5px}
.art-horiz-4 a.hover {color: #a6ce39; cursor: pointer;}
.art-horiz-4 a.hover .bt-more {background-position: 0px -10px;}

.art-vert {height: 82px;}

.news-horiz-3 {width: 200px; height: 275px; float: left; vertical-align: top; margin: 0px 30px 25px 0px; display: inline;}
.news-horiz-3 .bt-more {float: left; position: absolute; bottom:0px}
.news-horiz-3 a.hover {color: #a6ce39; cursor: pointer}
.news-horiz-3 a.hover .bt-more {background-position: 0px -10px;}

.news-horiz-5 {width: 130px; height: 185px; float: left; position: relative; vertical-align: top; margin: 15px 11px 5px 0px; display: inline;}
.news-horiz-5 .bt-more {float: left; position: absolute; bottom: 5px}
.news-horiz-5 a.hover {color: #a6ce39; cursor: pointer;}
.news-horiz-5 a.hover .bt-more {background-position: 0px -10px;}
.window-header .button {font-size: 12px; padding-top: 6px;}

.news-vert {height: 112px}
.news-vert .bt-more {position: absolute; bottom:0px}

.mag-horiz-3 {width: 222px; height: 330px; float: left; vertical-align: top; margin: 0px 4px 17px 15px; display: inline;}
.mag-header {width: 735px; height: 90px; position: relative; overflow: hidden;}
.mag-header-text {position: absolute; top: 0; left: 0; padding: 35px 15px 5px 160px;}
.mag-author {width: 345px; float: left; margin: 0 0 15px 15px; display: inline;}
.mag-ajax {height: 222px; position: relative;}
.carousel-wrapper {height: 39px; position: absolute; bottom: 0; left: 20px; overflow: hidden;}
.carousel-wrapper div {height: 39px; float: left; margin: 0 3px 0px 0; display: inline;}
.carousel-wrapper li {width: 62px; height: 39px; padding: 0 3px 0 0; cursor: pointer;}
.carousel-wrapper li img:hover {border-color: #4581db;}

.peco-horiz-4 {width: 162px; height: 220px; position: relative; float: left; vertical-align: top; margin: 0 -6px 15px 15px; display: inline;}
.peco-horiz-4 a.hover {color: #4581db; cursor: pointer;}
.peco-horiz-4 a.hover img {border-color: #4581db; cursor: pointer;}
.peco-horiz-4 a.hover .bt-more {background-position: 0px -10px;}
.peco-horiz-4 .product {height: 100%;}

.peco-productlist {margin-bottom: 0px !important;}
.peco-item .item-data {height: 170px;}
.peco-item .item-data .bt-more {float: left; position: absolute; bottom:0px}

.peco-vert {height: 112px;}
.peco-vert .bt-more {position: absolute; bottom: 0px}
.pricetag {width: 70px; height: 21px; display:block; background: url('./images/buttons.png') no-repeat 0px -64px;}

.video-horiz-4 {width: 162px; height: 200px; position: relative; float: left; vertical-align: top; margin: 0 15px 27px 9px; display: inline;}
.video-horiz-4 .img {width: 100%; padding: 5px;}
.movie {border: 1px solid #dadada;}

.video-vert {height: 112px;}
.video-vert .bt-more {position: absolute; bottom: 0px}

.banner {height: 100%; display: block; border: 0px solid #dadada; margin: 0 0 5px 0; z-index: 10}

.workadds {border-collapse: collapse;}
.workadds td {border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;}
.workadds tr.odd {background-color: #f6f6f6;}
.workadds tr:hover {background-color: #e5e5e5}

.workadds-vert {height: 152px; margin: 0 1px;}
.workadds-vert .bt-more {position: absolute; bottom: 4px; left: 15px;}