/* @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; color:#FFFFFF;}
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;
	background:#414141;
	padding-top:5px;
}
/* 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: #3C3C3C;
}
body, sup, sub, input, select, textarea {font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px; line-height: 18px; color: #000;}
pre, code {font-family: "Courier New", Courier, monospace; color: #333;}
a {color: #A7A7A7; text-decoration: underline;}
a:visited {color: #A7A7A7;}
a:hover {color: #DADADA;}
a:active {color: #E47911;}
h1 {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 12px;
    color: #fff;
}
h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 12px;
    color: #fff;
}
h3 {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #A7A7A7;
}
h4 {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    color: black;
}
p { color:#FFFFFF; margin: 10px;}

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: #747474; 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; color:#FFFFFF;}
ol li {padding: 1px 0; list-style: decimal outside; color:#FFFFFF;}
/* @end */
/* @group Ready Elements */
.required {color: #C00; font-size: 10px; font-weight: normal;}
.price {color: #D62222; font-weight: bold;}
del.price {color:#fff; 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: #3C3C3C;}
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: #414141; 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; color:#FFFFFF;}
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: #5B5B5B; }

.box, .item {background: #414141; border: 1px solid #fff; 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: #fff url(../graphics_ready/thb-img_unavl.gif) no-repeat center center;}
.item .thumb {border: 8px solid #3F3F3F; 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; 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: #EDF7FF; padding: 9px; border: 1px solid #747474; margin: 0 0 10px 10px; 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: 20px 0 5px 0;}
.frame_wrapper {}
.photo {text-align: center; padding: 5px; margin: 0 10px 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_header {style.css (line 191)
	margin:0 auto;
	background:url(../graphics/bg_header.jpg) repeat-x;
	position:relative;
	margin-bottom:10px;
}
.wrapper_in_header{
	width: 880px;
	margin: 0 auto;
}
#wrapper {width: 880px; margin: 0 auto;}
#header {
    padding: 20px 0 0;
    overflow: hidden;
    margin: 0;
	background:#1E1E1E;
}
#brand {}
#brand #logo {float: left; margin: 0 10px 10px 0;}
#brand h2 {
    padding: 0px 0 5px;
    margin: 0;
}
#brand h2, #brand h2 a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
#brand p, #header #brand p a {
    color: #A7A7A7;
    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;
    margin: 0 auto;
    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;
}
#web_banner img, #web_banner object {
    left: 0px;
    top: 0px;
}
#web_banner img, #web_banner embed, #web_banner object {
    width: 880px;
}
/* @end */
/* @group Main Menu */
#nav {height: 30px; background:transparent;}
#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: #A7A7A7;
    font-size: 13px;
    height: 20px;
    text-decoration: none;
	font-weight:bold;
}
#nav ul li a:hover { color: #DADADA; font-weight:bold;}
#nav ul li a:active {text-decoration: underline; color: white;font-weight:bold;}
#nav ul li a.selected {background: #3C3C3C;font-weight:bold; color:#DADADA;}
/* @end */
/* @group Footer */
.wrapper_footer {
background:#2F2F2F;
height:50px;
margin-top:10px;
}
#footer {
    width: 860px;
    padding: 15px 10px;
    font-size: 9px;
    color: #666;
    background: transparent;
	position: relative;
	margin:auto;
}
#footer p {padding: 0; margin: 0; font-weight:bold; font-size:11px;}
#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: left;
    width: 620px;
    margin-left: 10px;
	background:transparent;
}
.content .shell {}
.content .core {}
.content .breadcrumb { font-size: 12px;}
.content .breadcrumb a:hover { text-decoration: underline;}
.content_text{
	
}
.sidebar {float: right; width: 220px; margin-right: 0px; border: none; background:#3C3C3C; margin-right:10px;}
.sidebar .shell {}
.sidebar .core {}

.sidebar h2 {
	border:1px solid #FFFFFF;
    font-size: 14px;
    display: block;
    color: white;
    padding: 4px 10px;
    background: #282828  url(../nographics/bg-label.gif) repeat-x;
    margin-bottom: 0;
}
.sidebar .freebox {background:transparent;}

.sidebar .freebox p { padding: 0px; margin-bottom: 0;}



.sidebar .block { background:transparent; margin-bottom: 10px;}

.sidebar .block .top {}

.sidebar .block .bottom {}

.sidebar .menu {/*border: 1px solid #4491CD;*/}
.sidebar .menu .top {}
.sidebar .menu .bottom {}

a.menu_item {
    display: block;
    /*background: #EDF7FF;*/
    padding: 4px 10px;
	margin: 0 10px;
    border: none;
    color: #fff;
    border-bottom: 1px dashed #fff ;
    text-decoration: none;
}
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; padding-left: 8px; margin-right: 0px; background: transparent url(../graphics/bullet-menu.gif) no-repeat left center;}
div.menu_item a.icon img {width: 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: white;
    width: 140px;
    text-decoration: none;
}

div.menu_item a.text:hover {color: #DADADA; background: transparent; text-decoration: none;}
div.menu_item a.text:hover span {text-decoration: none;}
div.menu_item a.text:active {color: #DADADA;}


a:hover.menu_item {color: black; background: #A2A2A2; text-decoration: none;}
a:active.menu_item {color: black;}
a.menu_item.selected, a:hover.menu_item.selected, a:active.menu_item.selected {
    background: #2D2D2D;
	color: #fff;
}
a.menu_item .children {padding-left: 15px;} /* *** */

.sidebar .freebox {
	padding:10px;
}
/* @end */
/* @end */
/* @group Module */
/* @group Catalog*/
.catalog .body .content {
    float: right; display: inline;		/* fix IE double margin bug of float block */
    width: 680px;
    padding: 0;
    margin: 5px 5px;
}
.catalog .body .sidebar {
    float: left; display: inline;
    width: 180px;
    margin: 5px;
    padding: 0;
}
.catalog .body .item {
    width: 150px;
    height: 220px;
    float: left; display: inline;		/* fix IE double margin bug of float block */
    overflow: hidden;
    padding: 10px;
    margin: 0 10px 20px 10px;
}
.catalog .body .item .thumb {
    width: 136px;
    height: 136px;
    margin: 0;
    cursor: pointer;
    background: #fff url(../graphics_ready/img-img_unavl.gif) no-repeat center center;
}
.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: #A7A7A7; text-decoration: underline;  font-weight:bold;}
.catalog .body .item .title a:hover {color: #DADADA; font-weight:bold;}

.catalog .body .special .item {background: #414141; border: 1px solid #fff;}

.catalog.detail .body .item { border: 1px solid #146EB4;}
.catalog.detail .body .info {width: 250px; float: left;}
.catalog.detail .body .pics {
    width: 320px;
    padding: 10px;
    float: right; display: inline;
    margin: 0;
}
.catalog.detail .body .pics .pic_caption {
	background: #3C3C3C;
    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 {background: #3C3C3C;}
.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 {}
.gallery .body .content {
    float: right; display: inline;		/* fix IE double margin bug of float block */
    width: 680px;
    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;
    padding-bottom: 15px;
}
.gallery .body .frames {
	height: 120px;
	margin-bottom: 15px;
}
.gallery .body .photo {
    width: 190px;
    height: 200px;
    float: left; 
    display: inline;
    overflow: visible;
	margin-left:10px;
}
.gallery .body .sidebar {
    float: left; display: inline;
    width: 180px;
    margin: 10px;
    padding: 0;
}

/* @end */
/* @group News */
.news .body {}
.news.detail .body .sidebar {width: 200px;}
.news.detail .body .content {width: 650px;}
.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: 480px; 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:10px;
top:10px;
}

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