/* @group Reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, textarea, select {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
}
ul, ol {list-style: none;}
fieldset, img {border: none;}
label {cursor: pointer;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
    display: block;
}
/* End IE-mac */
/* @end */
/* @group General */
/* @group Basic Elements */
strong, b {font-weight: bold;}
em, i {font-style: italic;}
sup {
    padding-left: 1px;
    font-size: 10px !important;
    font-weight: normal !important;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
hr {
    width: 100%;
    height: 1px;
    background: #ccc;
    color: #ccc;
    margin: 1em 0;
    border: none;
    padding: 0;
}
/* @end */
/* @group Simple Elements */
body {
    padding: 0;
    margin: 0;
    background: white url(../graphics/h-body.jpg) repeat-x;
}
#body{width:880px;}
body, sup, sub, input, select, textarea {font-family: Tahoma,sans-serif; font-size: 13px; line-height: 18px; color: #567040;}
pre, code {font-family: "Courier New", Courier, monospace; color: #333;}
a {color: #FF7800; text-decoration: underline;}
/*a:visited {color: #FF7800;}*/
a:hover {color: #AEADAD;}
a:active {color: #FF7800;}
h1{
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 12px;
    color: black;
	/*background:#94B4D6;*/
	/*background:url(../graphics/menu_hover.png) repeat-x;*/
	/*padding-left:10px;*/
	text-transform: uppercase;
}

h1 a {color: black; text-decoration: none;}
h1 a:visited {color: black; text-decoration: none;}
h1 a:hover {color: black; text-decoration: none;}
h1 a:active {color: black; text-decoration: none;}

h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 12px;
    color: #FF7800;
}
h2 a {color: #FF7800; text-decoration: none;}
h2 a:visited {color: #FF7800; text-decoration: none;}
h2 a:hover {color: #FF7800; text-decoration: none;}
h2 a:active {color: #FF7800; text-decoration: none;}
h3 {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: black;
}
h4 {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    color: black;
}
p {margin-bottom: 18px;}

blockquote {
    margin: 1.5em;
    padding: 1em;
    color: #999;
    font-style: italic;
    border-top: #ccc 1px dotted;
    border-bottom: 1px dotted #ccc;
}
pre {border: 1px dashed #999; background: #F4F4F4; margin: 12px 0 18px 0; padding: 8px 10px 8px; white-space: pre-wrap;}

input[type=text], input[type=password], select, textarea {}
input[type=button], input[type=submit], input[type=reset] {padding: 1px 5px; margin-right: 5px;}
input[type=radio], input[type=checkbox] { margin-left: 15px;}
input[type=radio]:first-child, input[type=checkbox]:first-child { margin-left: 3px;}
ul, ol {
    margin: 0;
    padding-left: 10px;
    text-indent: 0;
    margin-bottom: 18px;
}
ul {list-style: none outside; margin-left: 2.2em;}
ol {list-style: decimal; margin-left: 2.2em;}
ul li {padding: 1px 0; list-style: disc outside;}
ol li {padding: 1px 0; list-style: decimal outside;}
/* @end */
/* @group Ready Elements */
.required {color: #C00; font-size: 10px; font-weight: normal;}
.price {color: #990000; font-weight: bold;}
del.price {color:black; font-weight: normal; margin-right: 5px;}
.small {font-size: 10px;}
.meta {color: #666; font-size: 10px; margin-bottom: 0;}
.desc, .info { margin-bottom: 0;}

.right {float: right;}
.left {float: left;}
.center {display: block; margin-left: auto; margin-right: auto;}
img.right {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.left {padding: 4px; margin: 0 7px 2px 0; display: inline;}
img.center {display: block; margin-left: auto; margin-right: auto;}
.text_right {text-align: right;}
.text_left {text-align: left;}
.text_center {text-align: center;}

div.form { margin: 0 0 20px; background: transparent; border-top: 1px solid #DDD;}
div.form div.field {margin-bottom: 0px; background: #F8F8F8;}
div.form div.field_group {font-weight: bold; border-width: 1px 0; border-style: solid; border-color; #DDD; background: #DDD;}
div.form div.label { width: 120px; margin: 2px 0px 2px 10px; float: left; display: inline; background: transparent;}
div.form div.input { margin-left: 130px; background: white; padding: 3px;}
div.form div.submit {padding-left: 133px; padding-top: 3px; background: transparent; border-top: 1px solid #DDD; }

table {
    margin: 12px 0 18px;
    padding: 0px;
    -moz-box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0px;
    display: table;
    text-indent: 0;
    vertical-align: top;
    border: 1px solid #CCC;
}
th, td {background: transparent; padding: 2px 5px; vertical-align: top; border-top: 1px solid #CCC;}
thead th, thead td {text-align: left; border: none;}
tbody th, tbody td, tfoot td {text-align: left;}
tfoot th {text-align: center;}

table .head, table .head.row, table .data {text-align: left;}
table .head.col {text-align: center;}

th, table .head { background: #F8F8F8; }

.box, .item {
	background: transparent;
	/*border: 1px solid #777777; */
	padding: 10px; 
	margin-bottom: 10px;
}
.item .icon {border: 8px solid #F8F8F8; padding: 0px; margin-right: 10px; float: left; display: inline; width: 80px; height: 80px; background: transparent url(../graphics_ready/thb-img_unavl.gif) no-repeat center center;}
.item .thumb {border: 8px solid #fff; padding: 0px; margin-right: 10px; float: left; display: inline; width: 120px; height: 120px; background: transparent url(../graphics_ready/img-img_unavl.gif) no-repeat center center;}
.pics .pic {text-align: center;}
.pics .pic_caption { background: #EDF7FF;padding: 3px 5px;}
.thumbs .thumb {width: 80px; height: 80px; border: 1px solid #DDD; background: white; float: left; display: inline; margin: 5px 7px; padding: 2px;}


.frames_wrapper {}
.frames { text-align: center;}
.frames .top {}
.frames .mid {}
.frames .bottom {cursor: pointer;}
.frames img {vertical-align: middle; border: 1px solid white;}
.album {border: 0; background: #F8F8F8; padding: 9px; border: 1px solid #E1E1E1; margin: 0 0 5px 5px; float: left; display: inline;}
.album h3.caption {margin-top: 5px; font-weight:bold; text-align: center;}
.album a {text-decoration: none;}
.image {text-align: center; margin: 0 10px 10px 0; float: left; display: inline;}

.frame img {vertical-align: middle; border: 1px solid #DDD; height: 120px;}
.frame .bottom {vertical-align: middle; border: 1px solid #DDD; background: #F8F8F8; padding: 6px; height: 122px; margin: 10px 0;}
.frame_wrapper {}
.photo {text-align: center; padding: 5px; margin: 0 0 10px 0; float: left; display: inline;}
.photo h3.caption {margin-top: 5px; font-weight:normal; text-align: center;}
.photo a {text-decoration: none;}
/* @end */
/* @end */
/* @group Template Layout */
/* @group Header */
.wrapper {width: 880px; margin: 0 auto;	background: white;}
#header {
    padding: 15px 0 0;
    overflow: hidden;
    margin: auto;
	width: 880px;
	background: #D3D3D3;
	position:relative;
	height: 65px;
}
#brand {}
#brand #logo {float: left; margin: 0 10px 10px 10px;}
#brand h2 {
    padding: 0px 0 5px;
    margin: 0;
}
#brand h2, #brand h2 a {
    color: black;
    font-size: 22px;
    padding-top: 5px;
    text-decoration: none;
    font-weight: bold; 
}
#brand p, #header #brand p a {
    color: #000;
    text-decoration: none;
}
#flags {
    width: 50px;
    float: right;
    padding-top: 7px;
    margin-right: 5px;
}
#flags a.icon_lang {margin: 0 0 0 5px;}
/* @end */
/* @group Banner */
/* do not edited the following 3 lines */
#web_banner {position: relative;}
#web_banner .bottom {-moz-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box;}
#web_banner img, #web_banner object {position: absolute;}
/* editable */
#web_banner {
    width: 880px;
    float: right; 
    margin-right: 0px; 
    border: none;
    margin: 5px auto 15px;
    background: url(banner_body.gif) repeat-y;
    padding: 0;
}
#web_banner .shell {
    background: url(banner_head.gif) no-repeat;
    padding-top: 0px;
}
#web_banner .core {
    padding: 0;
    height:250px;
}
#web_banner img, #web_banner object {
    left: 0px;
    top: 0px;
}
#web_banner img, #web_banner embed, #web_banner object {
    width: 880px;
    height: 246px;
}
/* @end */
/* @group Main Menu */
#nav {height: 30px; width:880px; margin:auto; margin-top: 5px;}
#nav ul {width: 800px; margin-left: 10px; margin: 0;}
#nav ul li {display: inline;}
#nav ul li a {
    float: left;
    background: transparent;
    padding: 5px 10px;
    color: black;
    font-size: 14px;
    height: 20px;
    text-decoration: none;
	font-family: Arial;
	/*background: transparent url(../graphics/bg-border.gif) no-repeat scroll 0 0;*/
}
#nav ul li a:hover {background: transparent url(../graphics/bg-borderhover-2.gif) no-repeat scroll 0 0; padding-left: 30px; color: #FF7800;}
#nav ul li a:active {background: transparent url(../graphics/bg-borderhover-2.gif) no-repeat scroll 0 0; padding-left: 30px; color: #FF7800;}
#nav ul li a:select {background: transparent url(../graphics/bg-borderhover-2.gif) no-repeat scroll 0 0; padding-left: 30px; color: #FF7800;}
/* @end */
/* @group Footer */
#footer {
    margin: 15px auto 0;
    width: 840px;
    padding: 5px 10px;
    font-size: 9px;
    color: #000;
    background: #d3d3d3; 
    /*height: 3px;*/
    border: none;
    margin: 10px;
}
#footer p {text-align: center; padding-top: 30px; color: #aeadad;  font-weight: normal; font-size: 13px;}
#footer p a {color: black; text-decoration: underline;}
#footer a.login {
    display: block;
    float: right;
    width: 16px;
    height: 0;
    background: url(../graphics_ready/icon-user_login.gif) no-repeat;
    padding-top: 16px;
    overflow: hidden;
}

/* @end */
/* @group Body */
.content {
    float: right;
    width:650px;
    /*margin-left: 220px;*/
}
.content .shell {}
.content .core {}
.content .breadcrumb { font-size: 12px;}
.content .breadcrumb a:hover { text-decoration: underline;}
/*sidebar*/
.sidebar {float: left; width: 200px; margin-top: 5px; border: none; background: transparent url(../graphics/bg-freebox.jpg) repeat-x; border: 1px solid #E1E1E1;}
.sidebar .shell {}
.sidebar .core {}
.sidebar h2 {
    font-size: 14px;
    display: block;
    color: white;
    padding: 4px 10px;
    background:url(../graphics/menu-sidebar.gif) repeat-x;
    margin-bottom: 0px;
}
.sidebar h2 a { color: white; }
.sidebar .freebox {background: transparent url(../graphics/bg-freebox.jpg) repeat-x; border: 1px solid #E1E1E1;}
.sidebar .freebox p { padding: 10px; margin-bottom: 0; }
.sidebar .block {background: transparent; margin-bottom: 0px;}
.sidebar .block .top {}
.sidebar .block .bottom {}
.menu_item { padding: 4px 10px; margin: 0; }
.menu_item.selected { background: #CCC;}
a.menu_item:hover { background: #CCC; }
a.menu_item i {font-style: normal; padding-left: 20px; background: transparent; }
a.menu_item b {font-weight:normal; margin-right:0; padding-left:8px;}
div.menu_item a.icon img {background: white none repeat scroll 0 0; border: 1px solid #DDDDDD; padding: 2px; width: 30px; height: 30px;}
div.menu_item a.icon {margin: 5px 10px 0 0; float: left;}
div.menu_item a.text {
    float: left; display: inline;
    background: transparent;
    color: #444;
    width: 130px;
    text-decoration: none;
}
div.menu_item a.text:hover {color: #E47911; background: transparent; text-decoration: none;}
div.menu_item a.text:hover span {text-decoration: none;}
div.menu_item a.text:active {color: black;}
.sidebar .menu {background: transparent url(../graphics/bg-freebox.jpg) repeat-x; border: 1px solid #E1E1E1;}
.sidebar .menu .top {}
.sidebar .menu .bottom {}
a.menu_item {
    display: block;
    /*background: transparent url(../graphics/bg-freebox.jpg) repeat-x; border: 1px solid #E1E1E1;*/
    background: transparent url(../graphics/bg-border1.gif) no-repeat scroll 0 0;
    margin-left: 10px;
    padding: 8px 10px;
    border: none;
    color: black;
    font-weight: normal;
    /*border-top: 1px solid #374462;*/
    text-decoration: none;
}

a:hover.menu_item {background: transparent url(../graphics/bg-borderhover-2.gif) no-repeat scroll 0 0; color: #FF7800; text-decoration: none; padding-left: 30px;}
a:active.menu_item {background: transparent url(../graphics/bg-borderhover-2.gif) no-repeat scroll 0 0; color: #FF7800; text-decoration: none; padding-left: 30px;}
a.menu_item.selected {background: transparent url(../graphics/bg-borderhover-2.gif) no-repeat scroll 0 0; color: #FF7800; text-decoration: none; padding-left: 30px;}
/*{background: transparent url(../graphics/bg-borderhover.gif) no-repeat scroll 0 0; margin-left: 30px; color: #FF7800;}*/
/*a:hover.menu_item.selected, a:active.menu_item.selected */
a.menu_item .children {padding-left: 15px;} /* *** */
/* @end */
/*sidebar_right*/
.sidebar_right {float: right; width: 200px; margin-top: 5px; border: none; background: transparent url(../graphics/bg-freebox.jpg) repeat-x; border: 1px solid #E1E1E1;}
.sidebar_right .shell {}
.sidebar_right .core {}
.sidebar_right h2 {
    font-size: 14px;
    display: block;
    color: white;
    padding: 4px 10px;
    background:url(../graphics/menu-sidebar.gif) repeat-x;
    margin-bottom: 10px;
}
.sidebar_right h2 a { color: white;}
.sidebar_right .freebox {background: transparent url(../graphics/bg-freebox.jpg) repeat-x; border: 1px solid #E1E1E1;}
.sidebar_right .freebox p { padding: 10px; margin-bottom: 0; }
.sidebar_right .block {background: transparent; margin-bottom: 10px;}
.sidebar_right .block .top {}
.sidebar_right .block .bottom {}
div.menu_item a.text:hover {color: #FF7800; background: transparent; text-decoration: none;}
div.menu_item a.text:hover span {text-decoration: none;}
div.menu_item a.text:active {color: #FF7800;}

/* @end */
/* @group Module */
/* @group Catalog*/
.catalog .body .content {
    float: right; display: inline;		/* fix IE double margin bug of float block */
    width: 580px;
    padding: 0;
    margin: 0 0;
}
.catalog .body .sidebar {
    float: left; display: inline;
    width: 180px;
    margin: 0 0;
    padding: 0px;
}
.catalog .body .item {
    width: 140px;
    height: 220px;
    float: left; display: inline;		/* fix IE double margin bug of float block */
    overflow: hidden;
    padding: 5px;
    /*margin: 0 0 15px 24px;*/
}
.catalog .body .item .thumb {
    width: 136px;
    height: 136px;
    margin: 0;
    cursor: pointer;
    /*background: transparent url(../graphics_ready/img-img_unavl.gif) no-repeat center center;*/
    background: #F5F5F5;
}
.catalog .body .item .thumb img {width:132px;height:132px;}
.catalog .body .item p {margin: 0;}
.catalog .body .item .title {font-size: 13px;font-weight: normal;}
.catalog .body .item .title a {color: #004B91; text-decoration: underline;}
.catalog .body .item .title a:hover {color: #004B91;}

.catalog .body .special .item {background: #F8F8F8; border: 1px solid #777777;}

.catalog.detail .body .item { border: 1px solid #146EB4;}
.catalog.detail .body .info {width: 300px; float: left; margin-top:10px;}
.catalog.detail .body .pics {
    width: 320px;
    padding: 10px;
    float: right; display: inline;
    margin: 0;
}
.catalog.detail .body .pics .pic_caption {
	background: #F8F8F8;
    padding: 3px 5px;
    margin: 0 0 5px;
}
.catalog.detail .body .pics .thumb {width: 50px; height: 50px;}
.catalog.detail .body .pics .thumbs a {margin: 0 5px 0px 0;}
.catalog.detail .body .pic img, #catalog.body .pic a { width: 320px; height: 320px; }
.catalog.detail .body .thumbs {}
.catalog.detail .body table {
	width: 100%;
	border-left: none;
	border-right: none;
}
.catalog.detail .body table th, #catalog.body.detail table td{border:none;}
.catalog.detail .body .price {font-size: larger;}
/* @end */
/* @group Gallery */
.gallery .body {padding: 5px 0;}
.gallery .body .content {
    float: right; display: inline;		/* fix IE double margin bug of float block */
    width: 610px;
    padding: 0;
    margin: 0 0;
}
.gallery .body .album {
	width: 160px;
    height: 150px;
    float: left; display: inline;		/* fix IE double margin bug of float block */
    overflow: hidden;
    margin: 0 15px 20px;
    width: 160px;
}
.gallery .body .frames {
	height: 120px;
	margin-bottom: 15px;
}
.gallery .body .photo {
    width: 190px;
    height: 200px;
    float: left; display: inline;
    overflow: visible;
}
.gallery .body .sidebar {
    float: left; display: inline;
    width: 180px;
    margin: 0 0;
    padding: 0px;
}
/* @end */
/* @group News */
.news .body {padding: 5px 0;}
.news.detail .body .sidebar {width: 200px;}
.news.detail .body .content {width: 580px;}
.news.detail .body .content .photo {float: left; display: inline;width:200px;}
.news .body .item {padding: 10px; margin-bottom: 10px;}
.news .body .thumb {}
.news .body .pic {width: 80px; height: 80px; float: left; background: transparent url(../graphics_ready/thb-img_unavl.gif) no-repeat center center;}
.news .body .pic img {width: 80px;}
.news .body .info {width: 510px; float: right;}
.news .body .info p {margin: 0;}

.news.detail .body .content .photos .photo { float:left; display:inline;}

/* @end */
/* @end */

#freebox1 {
margin:0;
position:absolute;
right:0;
top:10px;
}

#freebox2 {
margin:auto;
position:relative;
width:840px;
}