/*                                            _      _    __
                                         _ __| |__ _| |_ / _|___ _ _ _ __
                     B y t e s h i f t  | '_ \ / _` |  _|  _/ _ \ '_| '  \
  --------------------------------------| .__/_\__,_|\__|_| \___/_| |_|_|_|------
                                        |_|
  Copyright 2010, Byteshift.net
  All rights reserved.

  Redistribution and use in source and binary forms, with or without
  modification, are permitted provided that the following conditions are
  met:

    * Redistributions of source code must retain the above copyright
      notice and this list of conditions.
    * Redistributions in binary form must reproduce the above
      copyright notice and this list of conditions in the documentation
      and/or other materials provided with the distribution.
    * Neither the name of Byteshift.net nor the names of its
      contributors may be used to endorse or promote products derived from
      this software without specific prior written permission.

  -------------------------------------------------------------------------------
*/
.dropdownmenu
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 170px;
    height      : 200px;
    background  : url('bg70.png') repeat;
    z-index     : 65536;
    display     : none;
}
.dropdown_item
{
    font-family : verdana, helvetica, arial;
    font-size   : 14px;
    font-weight : bold;
    color       : #fff;
    margin-bottom : 5px;
    margin-left : 5px;
}
.dropdown_item:hover
{
    font-family : verdana, helvetica, arial;
    font-size   : 14px;
    font-weight : bold;
    color       : #f44;
    cursor      : pointer;
}
.ds_productView
{
    position    : absolute;
    top         : 50%;
    left        : 50%;
    width       : 800px;
    height      : 600px;
    background  : url('pviewbg.png');
    z-index     : 150;
    margin-left : -400px;
    margin-top  : -300px;
    display     : none;
}

.ds_productView .inner
{
    position    : relative;
    top         : 0px;
    left        : 0px;
    width       : 800px;
    height      : 600px;
    font-size   : 14px;
}
.ds_productView .inner .title
{
    position    : absolute;
    top         : 13px;
    left        : 33px;
    font-family : "Trebuchet MS", Verdana, Helvetica;
    letter-spacing : 0.1em;
    font-size   : 18px;
    color       : #fff;
}
.ds_productView .inner .titleShadow
{
    position    : absolute;
    top         : 14px;
    left        : 34px;
    font-family : "Trebuchet MS", Verdana, Helvetica;
    letter-spacing : 0.1em;
    font-size   : 18px;
    color       : #222;
}
.ds_productView .inner .photo
{
    position    : absolute;
    top         : 61px;
    left        : 33px;
    width       : 499px;
    height      : 398px;
    background  : #fff;
}

.ds_productView .inner .photoPrice
{
    position    : absolute;
    top         : 400px;
    left        : 170px;
    width       : 350px;
    height      : 64px;
    font-family : verdana, helvetica;
    font-size   : 38px;
    color       : #edd;
    font-weight : bold;
    letter-spacing : 0.2em;
    text-align  : right;
}

.ds_productView .inner .photoPriceShadow
{
    position    : absolute;
    top         : 401px;
    left        : 171px;
    width       : 350px;
    height      : 64px;
    font-family : verdana, helvetica;
    font-size   : 38px;
    color       : #222;
    font-weight : bold;
    letter-spacing : 0.2em;
    text-align  : right;
}

.ds_productView .inner .photoColor
{
    position    : absolute;
    top         : 410px;
    left        : 50px;
    width       : 350px;
    height      : 64px;
    font-family : verdana, helvetica;
    font-size   : 25px;
    color       : #edd;
    font-weight : bold;
    letter-spacing : 0.2em;
    text-align  : left;
}

.ds_productView .inner .photoColorShadow
{
    position    : absolute;
    top         : 411px;
    left        : 51px;
    width       : 350px;
    height      : 64px;
    font-family : verdana, helvetica;
    font-size   : 25px;
    color       : #222;
    font-weight : bold;
    letter-spacing : 0.2em;
    text-align  : left;
}

.ds_productView .inner .photo img
{
    border      : 0px;
}

.ds_productView .inner .desc
{
    position    : absolute;
    top         : 61px;
    left        : 550px;
    width       : 220px;
    height      : 398px;
    color       : #fff;
    line-height : 18px;
    font-size   : 14px;
}

.ds_productView .inner .footer2
{
    position    : absolute;
    top         : 465px;
    left        : 30px;
    width       : 740px;
    text-align  : left;
    color       : #fff;
    font-size   : 14px;
}

.ds_productView .inner .footer
{
    position    : absolute;
    top         : 545px;
    left        : 30px;
    width       : 740px;
    text-align  : right;
}

.ds_productView .inner .footer a
{
    color       : #fff;
    text-decoration : none;
    font-variant: small-caps;
    font-size   : 14px;
}

.ds_productView .inner .footer a:hover
{
    color       : #f33;
    text-decoration : underline;
    font-variant: small-caps;
    font-size   : 14px;
}

#ds_workspace
{
    background  : url('mainbg.png') repeat;
}

#ds_sitecontainer_bg
{

}

#ds_sitecontainer_bg_1
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    z-index     : 1;
    background  : url('bgi/ambi_grad_green.png') top repeat-x;
}

#ds_sitecontainer_bg_2
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    z-index     : 1;
    display     : none;
}

#ds_bg_1, #ds_bg_2
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 1024px;
    height      : 768px;
    background  : #fff;
    z-index     : 1;
}

#ds_bg_2{
    display     : none;
    z-index     : 2;
}

.ds_main_shadow
{
    position    : absolute;
    top         : 50px;
    left        : 50%;
    width       : 1052px;
    height      : 796px;
    margin-left : -526px;
    background  : url('shadow.png') no-repeat;
}

.ds_main
{
    position    : absolute;
    top         : 64px;
    left        : 50%;
    width       : 1024px;
    height      : 768px;
    margin-left : -512px;
    z-index     : 1;
}

#ds_sitecontainer .container
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 1024px;
    height      : 768px;
    z-index     : 3;
}

.topmenu
{
    width       : 1024px;
    height      : 46px;
    background  : url('bg70.png') repeat;
    font-size   : 16px;
    font-weight : bold;
    letter-spacing: 0.1em;
}

.topmenu_item
{
    padding-left: 10px;
    text-align  : center;
    color       : #eaeaea;
}

.topmenu_item:hover
{
    padding-left: 10px;
    text-align  : center;
    color       : #ea0000;
    cursor      : pointer;
}

.sidemenu
{
    position    : absolute;
    top         : 46px;
    left        : 0px;
    width       : 171px;
    height      : 722px;
    background  : url('bg70.png') repeat;
}

.content_main
{
    position    : absolute;
    top         : 46px;
    left        : 171px;
    width       : 853px;
    height      : 722px;
    background  : transparent;
}

.ds_brandmenu
{
    position    : absolute;
    top         : 46px;
    left        : 171px;
    width       : 175px;
    height      : 350px;
    background  : url('bg70.png') repeat;
    display     : none;
}

.ds_brandmenu .ds_bmInner
{
    position    : relative;
    top         : 0px;
    left        : 0px;
    width       : 175px;
    height      : 350px;
}

.ds_brandmenu .ds_bmInner .ds_bm_arrowtop
{
    width       : 175px;
    height      : 30px;
    background  : url('arrowtop.png') center center no-repeat;
}
.ds_brandmenu .ds_bmInner .ds_bm_arrowtop:hover
{
    width       : 175px;
    height      : 30px;
    background  : url('arrowtop_h.png') center center no-repeat;
}

.ds_brandmenu .ds_bmInner .ds_bm_arrowbottom
{
    width       : 175px;
    height      : 30px;
    background  : url('arrowbottom.png') center center no-repeat;
}
.ds_brandmenu .ds_bmInner .ds_bm_arrowbottom:hover
{
    width       : 175px;
    height      : 30px;
    background  : url('arrowbottom_h.png') center center no-repeat;
}

.ds_brandmenu .ds_bmInner .ds_bm_brands
{
    width       : 175px;
    height      : 290px;
    overflow    : hidden;
}

.ds_brandmenu .ds_bmInner .ds_bm_brands .ds_bm_brandlist
{
    padding-left: 15px;
    font-size   : 14px;
}

.sidemenu_item
{
    font-family : verdana, helvetica, arial;
    font-size   : 14px;
    font-weight : bold;
    color       : #fff;
    margin-bottom : 16px;
}
.sidemenu_item:hover
{
    font-family : verdana, helvetica, arial;
    font-size   : 14px;
    font-weight : bold;
    color       : #f44;
    cursor      : pointer;
}
.sidemenu_item_open
{
    font-family : verdana, helvetica, arial;
    font-size   : 14px;
    font-weight : bold;
    color       : #f22;
    margin-bottom : 16px;
    cursor      : pointer;
}

.brandmenu_item
{
    padding-left : 5px;
    font-size   : 18px;
    font-weight : bold;
    color       : #fff;
    letter-spacing: 0.1em;
    font-variant: small-caps;
}

.brandmenu_item:hover
{
    padding-left : 5px;
    font-size   : 18px;
    font-weight : bold;
    color       : #fff;
    letter-spacing: 0.1em;
    font-variant: small-caps;
    color       : #f00;
    cursor      : pointer;
}

.sidemenu_white
{
    background  : url('bg75white.png') repeat;
}

.ds_etalage
{
    position    : absolute;
    top         : 396px;
    left        : 171px;
    width       : 852px;
    height      : 266px;
    background  : url('bg75white.png') repeat;
    border-top  : 1px solid #eee;
    border-bottom: 1px solid #eee;
    display     : none;
    color       : #000;
}

.ds_etalage .ds_e_inner
{
    position    : relative;
    top         : 0px;
    left        : 0px;
    width       : 852px;
    height      : 266px;
    overflow    : hidden;
}

.ds_etalage .ds_e_inner .arrowleft
{
    position    : absolute;
    top         : 0px;
    left        : 792px;
    width       : 30px;
    height      : 266px;
    overflow    : hidden;
    background  : #faa;
    background  : url('arrowleft.png') center center no-repeat;
}
.ds_etalage .ds_e_inner .arrowleft:hover
{
    position    : absolute;
    top         : 0px;
    left        : 792px;
    width       : 30px;
    height      : 266px;
    overflow    : hidden;
    background  : #faa;
    background  : url('arrowleft_h.png') center center no-repeat;
}

.ds_etalage .ds_e_inner .arrowright
{
    position    : absolute;
    top         : 0px;
    left        : 822px;
    width       : 30px;
    height      : 266px;
    overflow    : hidden;
    background  : url('arrowright.png') center center no-repeat;
}
.ds_etalage .ds_e_inner .arrowright:hover
{
    position    : absolute;
    top         : 0px;
    left        : 822px;
    width       : 30px;
    height      : 266px;
    overflow    : hidden;
    background  : url('arrowright_h.png') center center no-repeat;
}

.ds_etalage .ds_e_inner .content
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 792px;
    height      : 266px;
    overflow    : hidden;
}

.ds_etalage .ds_e_inner .contentInner
{
    overflow-x  : hidden;
    height      : 266px;
    width       : 3000px;
}

.ds_etalage .ds_e_inner .content .contentInner .item
{
    float       : left;
    width       : 171px;
    height      : 266px;
    background  : url('frame.png');
}

.ds_etalage .ds_e_inner .content .contentInner .item:hover
{
    float       : left;
    width       : 171px;
    height      : 266px;
    background  : url('frame2.png');
    cursor      : pointer;
}

.ds_etalage .ds_e_inner .content .contentInner .item .thumb_image
{
    margin-top : 10px;
    margin-left : 8px;
}
 
.ds_etalage .ds_e_inner .content .contentInner .item .thumb_label
{
    margin-top  : 5px;
    text-align  : center;
    color       : #322;
}