/* ---------- 1. Here global settings. Please be carefull when change them ---------- */

body { padding: 0; margin: 0; background-color: #989898; color: #4d4d4d; font: 12px Arial; }
table { margin: 0; padding: 0; border-collapse: collapse; empty-cells: show; border: none; }
table td { padding: 0; margin: 0; }
img { border: none; }
br { clear: both; }
hr { border: none; height: 1px; color: #ccc; background-color: #ccc; margin: 7px 0; }
body.IE hr { margin: 0; }
input { color: #4d4d4d; font: 12px Arial; }

ul { margin: 0; padding: 0; }
ul li { margin-left: 16px; } /* overided */
body.IE ul li { margin-left: 18px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

div.popup { position: absolute; top: 230px; left: 50%; text-align: center; border: solid 1px #000000; background-color: #ffffff; }
div.popup input { width: 0; height: 0; border: none; position: absolute; top: -550px; left: 0; }

span.InlineTextBox span.InlineTextBox,
span.InlineTextBox input.InlineTextBox { padding: 1px 4px; width: 750px; margin: auto; text-align: center; font: 12px Arial; }
span.InlineTextBox span.InlineTextBox { border: dashed 1px Transparent; display: block; }
span.InlineTextBox span.InlineTextBox:hover { border: dashed 1px Black; background-color: #ffffe1; }
span.InlineTextBox input.InlineTextBox { border: solid 1px Black; background-color: #ffffe1; }
body.IE span.InlineTextBox span.InlineTextBox { margin-top: 1px; }

/* ---------- /1. ---------- */

/* ---------- 2. Here styles for Master.master - are used on all of the pages ---------- */

form { padding-top: 35px; }
table#border { width: auto; margin: auto; clear: both; }
table#border td#top-left		{ background-image: url('../image/Master/shadow/top-left.jpg');		height: 5px; width: 5px; background-repeat: no-repeat; background-position: right bottom; }
table#border td#top-right		{ background-image: url('../image/Master/shadow/top-right.jpg');	height: 5px; width: 5px; background-repeat: no-repeat; background-position: left bottom; }
table#border td#bottom-left		{ background-image: url('../image/Master/shadow/bottom-left.jpg');	height: 5px; width: 5px; background-repeat: no-repeat; background-position: right top; }
table#border td#bottom-right	{ background-image: url('../image/Master/shadow/bottom-right.jpg');	height: 5px; width: 5px; background-repeat: no-repeat; background-position: left top; }
table#border td#top				{ background-image: url('../image/Master/shadow/top.jpg');		background-repeat: repeat-x; background-position: bottom; }
table#border td#bottom			{ background-image: url('../image/Master/shadow/bottom.jpg');	background-repeat: repeat-x; background-position: top; }
table#border td#left			{ background-image: url('../image/Master/shadow/left.jpg');		background-repeat: repeat-y; background-position: right; }
table#border td#right			{ background-image: url('../image/Master/shadow/right.jpg');	background-repeat: repeat-y; }
table#border td#center { width: 1004px; background-color: #fff; }
table#border td#center div#page-content { min-height: 468px; }
table#border td#center div#page-content { height: auto !important; height: 468px; }
table#border td#left { vertical-align: bottom; padding: 0 5px 10px 0; }
div#address-top { position: absolute; width: 1000px; left: 50%; margin-left: -500px; text-align: center; top: 8px; font: 12px Arial; }
div#address-top a.logout { position: absolute; left: -2px; top: -5px; width: 91px; height: 33px; background: url('../image/Master/logout.png') no-repeat left top; }
div#address-top a.logout:hover { background-position: bottom; }
div#address-top a.admin { position: absolute; left: -18px; top: 0; }

table#topmenu { width: 1004px; height: 132px; background-repeat: no-repeat; }
table#topmenu td#logo { width: 203px; }
table#topmenu td#logo img { margin-left: 32px; }
table#topmenu td#buttons { vertical-align: top; }
table#topmenu td#buttons div {background: url(../image/Master/top-menu/buttons.png) no-repeat; width: 559px; height: 65px; padding: 2px 0 0 16px; margin: 43px 0 0 9px; }
table#topmenu td#buttons div a { float: left; width: 88px; height: 42px; line-height: 42px; text-align: center; color: #7d7d7d; text-decoration: none; text-transform: uppercase; font-weight: bold; }
body.FF table#topmenu td#buttons div a,
body.Opera table#topmenu td#buttons div a,
body.Safari table#topmenu td#buttons div a { line-height: 44px; }
table#topmenu td#buttons div a:hover { background: url(../image/Master/top-menu/button.over.png); color: #ffffff; }
table#topmenu td#search { vertical-align: top; }
table#topmenu td#search table { background: url('../image/Master/search/input.png') no-repeat top left; width: 160px; height: 24px; margin-top: 57px; }
table#topmenu td#search table input.TextBox { width: 118px; background-color: Transparent; border: none; }
table#topmenu td#search table td#input { padding: 1px 0 0 10px; }
table#topmenu td#search table td#button { padding: 2px 3px 0 0; }
table#topmenu td#search { padding-right: 25px; }

a.admin#menu { position: absolute; margin: 20px 0 0 -27px; }
table#main { width: 100%; }
table#main td#content { padding: 20px 20px 20px 10px; width: 871px; vertical-align: top; }
table#main td#leftmenu { vertical-align: top; }
table#main td#leftmenu div#menu { width: 210px; margin: 20px 7px 20px 20px; }
table#main td#leftmenu div#menu div.bg { background: url('../image/Master/menu/bg/bg.png') repeat-y; }
table#main td#leftmenu div#menu div.bg-top { background: url('../image/Master/menu/bg/top.png') no-repeat top; }
table#main td#leftmenu div#menu div.bg-bottom { background: url('../image/Master/menu/bg/bottom.png') no-repeat bottom; }
table#main td#leftmenu div.tree { padding: 6px 12px 10px 7px; text-align: left; font: 11px Tahoma; border-right: solid 1px #ffffff; }
table#main td#leftmenu div.tree a { color: #ffffff; }
table#main td#leftmenu div.tree a:hover { text-decoration: underline; }
table#main td#leftmenu div.tree td { vertical-align: top; line-height: 19px; }
body.IE table#main td#leftmenu div.tree td { line-height: 18px; }

div#logo-list { padding: 10px 6px; }
div#logo-list table { margin: auto; }
div#logo-list table td { padding: 0 5px; }
a.logo { display: block; margin: auto; background: no-repeat left top; }
a.logo:hover { background-position: left bottom; }
div#bottom-menu { color: #dddddd; text-align: center; margin: 5px 0 5px 0; }
div#bottom-menu a { color: #dddddd; font: 11px Tahoma; }
div#bottom-menu ul li { display: inline; margin-left: 12px; }
div#copyright { text-align: center; font: 11px Tahoma; color: #dddddd; padding-bottom: 7px; }
div#copyright a { color: #dddddd; text-decoration: underline; }

a.admin { display: block; width: 22px; height: 21px; background: url('../image/edit.png') no-repeat; background-position: top; }
a.admin:hover { background-position: bottom; }
div#admin-icon a.admin { position: relative; top: -2px; }

table#documents { margin-top: 25px; }
table#documents td { padding: 2px 3px 2px 0; }
/* ---------- /2. ---------- */

/* ---------- 3. Here styles for UC controls ---------- */

div#ucContentPage div#content { overflow: hidden; width: 737px; }

/* ---------- /3. ---------- */

/* ---------- 4. Here styles for namespaces ---------- */

div.pagetitle { font-size: 15px; font-weight: bold; margin-bottom: 10px; float: left; clear: both; }
div#admin-icon { float: left; margin-left: 10px; }
img.feature { margin: 2px; }
div.buttons { margin-top: 10px; text-align: center; }

table.list { height: 26px; margin-bottom: 5px; background: url(../image/Admin/Catalog/View/row.gif) repeat-x; background-position: center bottom; }
table.list:hover { background-position: center top; }
table.list td.left { width: 12px; background: url(../image/Admin/Catalog/View/row-corners.gif) no-repeat; background-position: left bottom; }
table.list:hover td.left { background-position: left top; }
table.list td.right { width: 12px; background: url(../image/Admin/Catalog/View/row-corners.gif) no-repeat; background-position: right bottom; }
table.list:hover td.right { background-position: right top; }
table.list td.text { text-align: left; padding-left: 8px; padding-right: 5px; font-size: 14px; }
table.list td.text a { color: #333333; text-decoration: none; white-space: nowrap; line-height: 26px; }
table.list td.text,
table.list td.text div { cursor: pointer; }
table.list:hover td.text,
table.list:hover td.text div { color: #ffffff; }
table.list:hover td.text a { color: #ffffff; text-decoration: none; }
table.list td.up,
table.list td.down,
table.list td.delete { width: 24px; }
table.list td.edit { width: 30px; padding-right: 5px; }
table.list td.icon div { width: 40px; height: 26px; background-repeat: no-repeat; background-position: right 2px; }


div.menu,
div.menu a { width: 210px; height: 25px; line-height: 25px; }
div.menu a { display: block; white-space: nowrap; overflow: hidden; background: no-repeat left top; color: White; text-decoration: none; text-transform: uppercase; font-weight: bold; }
div.menu a:hover { background-position: left bottom; }
div.menu a span { display: block; margin-left: 8px; }
body.Safari div.menu a span { margin-top: 1px; }

body.admin table td#content input.TextBox { background: url(../image/Admin/Catalog/View/TextBox.gif) no-repeat; width: 250px; padding: 5px 12px 4px 12px; border: none; }
body.admin table td#content input.TextBox.error { background-image: url(../image/Admin/Catalog/View/TextBox.error.gif) }
body.admin table.input td { vertical-align: top; text-align: left; }
body.admin table.input td.title { padding-right: 10px; vertical-align: middle; }
body.admin table.input td.icon { width: 41px; height: 32px; background: no-repeat left top; }
body.admin table.input td.input { width: 273px; height: 24px; background: transparent url(../image/Admin/Catalog/View/TextBox.gif) no-repeat left top; }
body.admin table.input td.button { padding-left: 9px; }

body.admin-catalog div#after-breadcrumb { padding-top: 10px; }
body.admin-catalog table#input-category td.icon { background-image: url(../image/Admin/Catalog/View/category-big.png); }
body.admin-catalog table#input-product td.icon { background-image: url(../image/Admin/Catalog/View/product-big.png); }
body.admin-catalog table#input-contentpage td.icon { background-image: url(../image/Admin/Catalog/View/page-big.png); }

/* ---------- /4. ---------- */

/* ---------- 5. Here styles for pages ---------- */

body#admin-address div#title { margin-bottom: 20px; font-weight: bold; }
body#admin-address table.input td { padding-bottom: 3px; }
body#admin-address table.input th { text-align: right; padding: 0 5px 0 0; }


body#admin-profile table.input { width: 400px; }
body#admin-profile table.input td { vertical-align: middle; height: 26px; }
body#admin-profile table.input th { width: 100px; text-align: right; padding: 0 5px 0 0; }


body#admin-catalog-feature-list div#features { margin: 10px 0 10px 0; }
body#admin-catalog-feature-list div#features table { float: left; }
body#admin-catalog-feature-list div#features table td { text-align: center; }
body#admin-catalog-feature-list div#features img.disabled { opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); }


body#admin-catalog-product-edit table td.title { padding-right: 5px; }
body#admin-catalog-product-edit table td.button { padding: 2px 0 0 8px; }
body#admin-catalog-product-edit table#input-product { margin: 0 0 10px 0; }
body#admin-catalog-product-edit div#photo { margin: 10px 0 15px 0; }
body#admin-catalog-product-edit div#photo table td { text-align: right; vertical-align: middle; }
body#admin-catalog-product-edit div#photo table td input { display: block; margin: 1px 0 0 0; }
body#admin-catalog-product-edit div#photo table td.image img { border: solid 2px #e5e5e5; cursor: pointer; margin: 1px 2px; }
body#admin-catalog-product-edit div#photo table td.image img.ex-main { border-color: #469dfe; }
body#admin-catalog-product-edit div#photo table td.image img.main { border-color: #3db600; }
body#admin-catalog-product-edit div#photo table#images { margin-top: 5px; }
body#admin-catalog-product-edit div#photo table#images td { text-align: center; }
body#admin-catalog-product-edit div#features { margin: 10px 0 0 0; }
body#admin-catalog-product-edit div#features img { cursor: pointer; }
body#admin-catalog-product-edit div#features img.disabled { opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); }
body#admin-catalog-product-edit div#features a { margin: 5px 0 0 7px; }
body#admin-catalog-product-edit.IE div#features a { float: left; }
body#admin-catalog-product-edit.IE div#features img.feature { float: left; }
body#admin-catalog-product-edit div#properties { margin: 10px 0 0 0; font-size: 14px; font-weight: bold; clear: both; }
body#admin-catalog-product-edit div#properties table tr { height: 27px; }
body#admin-catalog-product-edit.IE div#properties table tr { height: 25px; }
body#admin-catalog-product-edit div#properties table th { padding: 1px 5px 1px 0; text-align: right; }
body#admin-catalog-product-edit div#properties table th span{ cursor: pointer; display: block; margin-bottom: 3px; }
body#admin-catalog-product-edit div#properties table td { width: 300px; }
body#admin-catalog-product-edit div#properties table tr.disabled th span { color: #cccccc; }
body#admin-catalog-product-edit div#properties table tr.disabled td { opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); }
body#admin-catalog-product-edit div#documents { margin-top: 10px; }
body#admin-catalog-product-edit div#documents table#list td { padding: 2px 3px 2px 0; text-align: left; height: 24px; }
body#admin-catalog-product-edit div#documents table#list td.button { padding-right: 5px; }
body#admin-catalog-product-edit div#documents table#list th { font-weight: normal; }
body#admin-catalog-product-edit label.labels { display: block; text-align: left; margin: 10px 0 5px 0; }


body#admin-catalog-logo-edit a.logo { margin-top: 15px; }


body#admin-catalog-logo-list table#logo { margin-top: 15px; }
body#admin-catalog-logo-list table#logo td { padding: 5px 3px; }


body#admin-catalog-property-list table.input { margin: 10px 0 10px 0; }
body#admin-catalog-property-list table.list td.text { width: 350px; }


body#admin-catalog-view table.input { margin: 10px 0 0 0; }
body#admin-catalog-view table.list td.text { width: 350px; }
body#admin-catalog-view table.list td.text a { color: #333333; }
body#admin-catalog-view table#news td.icon div { background-image: url(../image/Admin/Catalog/View/news.png); }
body#admin-catalog-view table#list-category td.icon div { background-image: url(../image/Admin/Catalog/View/category-small.png); }
body#admin-catalog-view table#list-product td.icon div { background-image: url(../image/Admin/Catalog/View/product-small.png); }
body#admin-catalog-view table#list-contentpage td.icon div { background-image: url(../image/Admin/Catalog/View/page-small.png); }
body#admin-catalog-view table#input-contentpage { margin-bottom: 10px; }
body#admin-catalog-view table td.title { padding-right: 5px; }
body#admin-catalog-view table td.button { padding: 2px 0 0 8px; }
body#admin-catalog-view div#documents { margin-top: 20px; }
body#admin-catalog-view div#documents table#list td { padding: 2px 3px 2px 0; text-align: left; }
body#admin-catalog-view div#documents table#list td.button { padding-right: 5px; }


body#admin-contentpage-edit table.input { margin: 0 0 10px 0; }
body#admin-contentpage-edit table.input td.icon { background-image: url(../image/Admin/Catalog/View/page-big.png); }
body#admin-contentpage-edit table td.title { padding-right: 5px; }
body#admin-contentpage-edit table td.button { padding: 2px 0 0 8px; }
body#admin-contentpage-edit div#documents { margin-top: 10px; }
body#admin-contentpage-edit div#documents table#list td { padding: 2px 3px 2px 0; text-align: left; height: 24px; }
body#admin-contentpage-edit div#documents table#list td.button { padding-right: 5px; }
body#admin-contentpage-edit div#documents table#list th { font-weight: normal; }


body#admin-news-edit table.input tr { height: 28px; }
body#admin-news-edit textarea.TextBox { width: 97%; margin-bottom: 3px; height: 62px; }


body#admin-news-list table.input { margin: 10px 0 8px 0; }
body#admin-news-list table.list td#title { width: 350px; }


body#product-list table.list { margin: 3px auto; }
body#product-list table.list td.text { width: 350px; }
body#product-list table.list td.icon div { background-image: url(../image/Admin/Catalog/View/category-small.png); }
body#product-list table.list#content-page td.icon div { background-image: url(../image/Admin/Catalog/View/page-small.png); }
body#product-list div.item { margin-bottom: 20px; padding: 9px; background-color: #b5b5b5; }
body#product-list table.item { width: 100%; }
body#product-list table.item td { vertical-align: top; }
body#product-list table.item td.image { width: 150px; height: 150px; text-align: center; vertical-align: middle; background-color: #ffffff; }
body#product-list table.item td.description { padding-left: 9px; }
body#product-list table.item td.description div#name { font: 20px Arial; margin-bottom: 13px; }
body#product-list table.item td.description div#description { margin-bottom: 5px; white-space: pre-wrap; }
body#product-list.IE table.item td.description div#description { white-space: pre; width: 560px; overflow: hidden; word-wrap: break-word; }
body#product-list table.item td.description div#features { margin-bottom: 5px; }
body#product-list.IE table.item td.description div#features { display: inline-block; }
body#product-list.IE table.item td.description div#features img.feature { float: left; }
body#product-list div#pager { text-align: center; word-spacing: 7px; font: 15px Arial; }
body#product-list div#pager a { text-decoration: underline; }


body#product-print { background-color: White; }
body#product-print table.item td#info div#name div { float: left; }
body#product-print table.item { width: 100%; }
body#product-print table.item td { vertical-align: top; }
body#product-print table.item td#photo { width: 210px; }
body#product-print table.item td#photo table#big { border: solid 1px #000000; margin: 3px 0 3px 7px; }
body#product-print table.item td#photo table#big td { width: 200px; height: 250px; vertical-align: middle; text-align: center; }
body#product-print table.item td#info { padding-left: 20px; width: auto; }
body#product-print table.item td#info div#name { font: 28px Arial; margin-bottom: 10px; }
body#product-print.IE table.item td#info div#features img { float: left; }
body#product-print.IE table.item td#info div#description { clear: both; }
body#product-print table.item td#info div#description { margin-top: 15px; }
body#product-print table.item td#info table#properties { margin-top: 25px; font-size: 14px; font-weight: bold; }
body#product-print table.item td#info table#properties th { padding: 1px 10px 1px 0; text-align: left; }
body#product-print table.item td#info table#properties td { color: #222222; }


body#product-view table.item td#info div#name div { float: left; }
body#product-view table.item { width: 100%; }
body#product-view table.item td { vertical-align: top; }
body#product-view table.item td#photo { width: 210px; }
body#product-view table.item td#photo table#big { border: solid 1px #000000; margin: 3px 0 3px 7px; }
body#product-view table.item td#photo table#big td { width: 200px; height: 250px; vertical-align: middle; text-align: center; }
body#product-view table.item td#photo table#small { margin-left: 5px; }
body#product-view table.item td#photo table#small td { padding: 2px 1px 0 2px; }
body#product-view table.item td#photo table#small td.image a { display: block; width: 50px; height: 50px; border: solid 2px #e5e5e5; }
body#product-view table.item td#photo table#small td.scroll a { display: block; width: 14px; height: 54px; background: no-repeat; }
body#product-view table.item td#photo table#small td.scroll a#prev { background-position: left bottom; }
body#product-view table.item td#photo table#small td.scroll a#prev:hover { background-position: left top; }
body#product-view table.item td#photo table#small td.scroll a#next { background-position: right bottom; }
body#product-view table.item td#photo table#small td.scroll a#next:hover { background-position: right top; }
body#product-view table.item td#info { padding-left: 20px; width: auto; }
body#product-view table.item td#info div#name { font: 28px Arial; margin-bottom: 10px; }
body#product-view.IE table.item td#info div#features img { float: left; }
body#product-view.IE table.item td#info div#description { clear: both; }
body#product-view table.item td#info div#description { margin-top: 15px; }
body#product-view table.item td#info table#properties { margin-top: 25px; font-size: 14px; font-weight: bold; }
body#product-view table.item td#info table#properties th { padding: 1px 10px 1px 0; text-align: left; }
body#product-view table.item td#info table#properties td { color: #222222; }


body#news div.pagetitle { text-transform: uppercase; }
body#news div.item-list { background-color: #ececec; margin: 10px 65px 10px 45px; padding: 20px 15px; }
body#news table.content { width: 100%; }
body#news table.content td { vertical-align: top; }
body#news table.content td#date { width: 50px; height: 61px; padding-right: 8px; background: no-repeat top left; }
body#news table.content td#date div#month { color: #ffffff; text-align: center; text-transform: lowercase; font: 9px Verdana; margin-top: 2px; cursor: default; }
body#news table.content td#date div#day { text-align: center; font: bold 28px Arial; color: #9d9d9d; margin-top: 5px; cursor: default; }
body#news table.content td#text { padding-left: 7px; }
body#news table.content td#text strong { display: block; font-size: 18px; color: #2c2c2c; margin-bottom: 15px; }
body#news table.content td#text,
body#news table.content td#text a { color: #4d4d4d; }

/* ---------- /5. ---------- */

/* ---------- 6. Here styles for .skin ---------- */

input.TextBox { border: solid 1px Silver; background-color: White; width: 150px; }
textarea.TextBox { border: solid 1px Silver; background-color: White; color: #4d4d4d; font: 12px Arial; } /* body font */
input.FileUpload { border: solid 1px Silver; }
input.FileUpload.error { background-color: #ffbaba; }

/* ---------- /6. ---------- */