.product_pictures{
position: relative; /*leave this value alone*/
border: 0px solid gray;
overflow: scroll; /*leave this value alone*/
width: 250px; /*Width of Carousel Viewer itself*/
height: 85px; /*Height should enough to fit largest content's height*/
margin-left: 25px;
}

.product_pictures .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.product_pictures .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 82px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 82px;
border: 1px solid #999999;
text-align: center;
}


.product_same_design{
position: relative; /*leave this value alone*/
border: 0px solid gray;
overflow: scroll; /*leave this value alone*/
width: 295px; /*Width of Carousel Viewer itself*/
height: 50px; /*Height should enough to fit largest content's height*/
margin-left: 20px;
}

.product_same_design .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.product_same_design .panel{
float: right; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 46px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 46px;
border: 1px solid #999999;
text-align: center;
}


.product_same_store{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 286px; /*Width of Carousel Viewer itself*/
height: 97px; /*Height should enough to fit largest content's height*/
vertical-align: middle;
margin-left: 30px;
}

.product_same_store .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.product_same_store .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 92px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 92px;
border: 1px solid #999999;
}

.product_recommend {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 286px; /*Width of Carousel Viewer itself*/
height: 97px; /*Height should enough to fit largest content's height*/
vertical-align: middle;
margin-left: 30px;
}

.product_recommend .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.product_recommend .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 92px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 92px;
border: 1px solid #999999;
}

.browsecat_level1 {
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 573px; /*Width of Carousel Viewer itself*/
height: 144px; /*Height should enough to fit largest content's height*/
vertical-align: middle;
margin-left: 38px;
}

.browsecat_level1 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.browsecat_level1 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 140px;
border: 1px solid #999999;
}

.category_slide_01 {
width: 650px;
height: 30px;
cursor: pointer;
background: url(http://www.glavnata.bg/images/default/category_slide/category_slide_01.png) no-repeat;
}

.category_slide_02 {
width: 650px;
height: 163px;
vertical-align: top;
text-align: left;
background: url(http://www.glavnata.bg/images/default/category_slide/category_slide_02.png) no-repeat;
}


.browsecat_index {
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 891px; /*Width of Carousel Viewer itself*/
height: 179px; /*Height should enough to fit largest content's height*/
vertical-align: middle;
margin-left: 35px;
margin-top: 6px;
}

.browsecat_index .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.browsecat_index .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 175px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 175px;
border: 1px solid #999999;
}

.category_slide_index_01 {
width: 960px;
height: 30px;
cursor: pointer;
font: 10pt Verdana;
font-weight: bold;
background: url(http://www.glavnata.bg/images/default/category_index/category_index_01.png) no-repeat;
}

.category_slide_index_02 {
width: 960px;
height: 210px;
vertical-align: top;
text-align: left;
background: url(http://www.glavnata.bg/images/default/category_index/category_index_02.png) no-repeat;
}

.category_slide_view_title {
text-align: left;
font: 8pt Verdana;
}

.category_slide_title {
text-align: left;
font: 11pt Verdana;
}