body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #e9e9e9 url('./images/background.png') repeat-x top left;
	font-family: Arial;
	font-size: 11px;
	color: #262626;
}

/*global*/
a {text-decoration: none; color: #393939;}
a:hover {text-decoration: none; color: #4581db;}
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;}
.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: 100%;}

.page-header {width: 100%; height: 149px; background: #ffffff; border-bottom: 1px solid #f0f0f0;}
.page-header-top {width: 100%; height: 8px; background: #59585d url('./images/gradient-top.png') repeat-y top center; border-bottom: 1px solid #c6c6c8; overflow: hidden;}
.page-header-content {width: 960px; height: 138px; background: #ffffff; overflow: hidden;}
.page-header-content div.logo {position: absolute; top: 21px; left: 0px; width: 256px; height: 70px;}
.page-header-content div.main-menu {position: absolute; bottom: 5px; left: 0px}
.page-header-content div.second-menu {position: absolute; top: 0px; right: 0px;}
.page-header-content div.second-menu .hspacer {height: 20px; width: 1px; float: left; background-color: #e6e6e6; overflow: hidden;}
.page-header-content div.search {position: absolute; bottom: 10px; right: 0px;}
.page-header-bottom {width: 100%; height: 1px; border-top: 1px solid #dad9d9; overflow: hidden;}

.page-content {width: 960px; margin: 0;}
.page-content .path {height: 30px; vertical-align: middle; display : table-cell;}
.page-footer {width: 960px; text-align: left;}
.page-footer-content {width: 735px;}

.page-header-content .search {margin: 0; padding: 0; border: 1px solid #dbdbdb; vertical-align: middle;}
.page-header-content .search .text {width: 144px; height: 16px; float: left; margin: 0; padding: 3px 0 0 0; border: none !important; background-color: #f2f2f2; color: #a2a2a2; vertical-align: middle;}
.page-header-content .search .submit {width: 54px; height: 19px; float: left; margin: 0; padding: 0; border: none !important; background: #949497 url('./images/buttons.png') no-repeat 0px -135px; color: #ffffff; vertical-align: middle;}

/*windows*/
.window {width: 100%; background-color: #ffffff; margin: 0 0 15px 0; display: block;}
.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-header-text {float: right;}
.window-header-text a {background: url('./images/plus_out.png') no-repeat 100% 0px}
.window-header-text a:hover {background: url('./images/plus_over.png') no-repeat 100% 0px}

.window-body {width: 100%; height: 100%; position: relative; display: block;}
.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: 735px; height:100%;}
.column-left td.all {width: 736px;}
.column-left td.left, .column-left td.right {width: 362px;}
.column-left td.specer {width: 14px;}
.column-spacer {width: 22px; height:100%;}
.column-right {width: 202px; height:100%;}
.column-right td {width: 100%;}
.column-right td.spacer {width: 14px; height:22px;}

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

/*buttons*/
.bt-more {width: 36px; 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: 67px; 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-login-close {width: 10px; height: 10px; position: absolute; top: 5px; right: 5px; display: block; cursor: pointer; background: #ffffff url('./images/buttons.png') no-repeat -47px -87px;}
.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, h2 {font-family: NaomiSans, Arial; font-size: 16px; font-weight: normal; line-height: 1.1em; color: #393939; margin: 0; padding: 0; border: none!important}
.window-header h1 {font-family: NaomiSansMedium, Arial; font-size: 16px; font-weight: normal; padding: 5px 15px 0 15px; }
.window-header h1 a:hover {color: #4581db;}
h1.light {font-family: NaomiSansLight, Arial;}
h1.heavy {font-family: NaomiSansHeavy, Arial;}
.dateseparator {font-size: 13px; padding: 5px 0;}
.pricetag h1 {color: #ffffff; font-weight: bold; padding: 3px 3px;}
.main-menu h1 {float: left; font-family: NaomiSansMedium,Arial; padding: 5px 20px 0 0;}
.main-menu h1.blue a {color: #4581db !important;}
.main-menu h2 {float: left; font-size: 13px; font-family: NaomiSansMedium,Arial; padding: 5px 20px 0 0;}
.main-menu h2 a {color: #838383 !important;}
.main-menu h2 a:hover {color: #4581db !important;}
.second-menu h1 {float: left; font-family: NaomiSansMedium,Arial; padding: 5px 10px 0 10px; font-size: 13px;}
.second-menu h1.blue a {color: #4581db !important;}

/*login*/
.login {width: 480px; position: absolute; left: 50%; top: 30px; visibility: visible; z-index: 1000;}
.login .login-pointer {width: 15px; height: 8px; position: relative; display: block; margin-right: 20px; background: #ffffff url('./images/buttons.png') no-repeat -32px -89px; overflow: hidden;}
.login .login-window {width: 100%; position: relative; color: #ffffff !important; background-color: #515256;}
.login .login-window-content {padding: 15px 10px;}

/*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; margin-left: 0;}

/*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: 342px; height: 330px; float: left; vertical-align: top; margin: 0px 5px 27px 15px; display: inline;}
.art-horiz-2 .bt-more {float: left; position: absolute; bottom: 0px}
.art-horiz-2 a.hover {color: #4581db; 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: 15px 4px 5px 15px; display: inline;}
.art-horiz-4 .bt-more {float: left; position: absolute; bottom: 5px}
.art-horiz-4 a.hover {color: #4581db; cursor: pointer;}
.art-horiz-4 a.hover .bt-more {background-position: 0px -10px;}

.art-vert {height: 82px;}

.news-12font {font-size: 12px !important; line-height: 18px !important;}

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

.news-horiz-3-2 {width: 232px; height: 210px; float: left; position: relative; vertical-align: top; margin: 10px -1px 0px 10px; display: inline;}
.news-horiz-3-2 img {margin-bottom: 5px;}
.news-horiz-3-2 .bt-more {float: left; position: absolute; bottom: 5px}
.news-horiz-3-2 a.hover {color: #4581db; cursor: pointer;}
.news-horiz-3-2 a.hover .bt-more {background-position: 0px -10px;}

.news-horiz-5 {width: 130px; height: 185px; float: left; position: relative; vertical-align: top; margin: 15px -1px 5px 15px; display: inline;}
.news-horiz-5 .bt-more {float: left; position: absolute; bottom: 5px}
.news-horiz-5 a.hover {color: #4581db; 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 4px 27px 15px; 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 {width: 200px; height: 100%; display: block; border: 1px solid #dadada; margin: 0 0 5px 0; z-index: 10}
.headbanner h1, .headbanner .cufon {display: none !important;}
.headbanner {width: 750px; margin: auto 0;}
#tinymce .adbanner {width: 300px !important; height: 250px !important; border: 1px solid #000000 !important; background-color: #aaaaaa !important; margin: 25px auto !important; display: block !important;}

.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;}